<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <title>Matrimony | Contact us</title>
        <!-- Bootstrap CSS -->
        <link href="css/bootstrap.css" rel="stylesheet" media="screen"/>
        <link rel="stylesheet" href="css/style.css"/>
    </head>
    <body>
    <f:view>
        
            <div id="page-wrap">
                <div id="banner">
                    <h1><a href="index.xhtml">Matrimony</a></h1>
                </div><!--End banner-->
                <div id="main-content">
                    <div id="sidebar">
                        <h:form>
                    <div id="mainNav">
                        <ul>
                            <li><h:commandLink action="#{matrinonyBean_c.gotoHome()}" value="Home"/></li>
                            <li><h:commandLink action="#{matrinonyBean_c.gotoRegister()}" value="Register"/></li>
                            <li><h:commandLink action="#{matrinonyBean_c.gotoSearch()}" value="Search"/></li>
                            <li><h:commandLink action="#{matrinonyBean_c.gotoService()}" value="Service"/></li>
                            <li><h:commandLink action="#{matrinonyBean_c.gotoContact()}" value="Contact"/></li>
                        </ul>
                    </div><!--End mainNav-->
                    </h:form>
                        <br/>
                    </div><!--End sidebar-->
<h:form>
                    <div id="primary">
                        <div class="post-item">
                            <h1><a href="#">CONTACT US</a></h1>
                            <!-- Contacts -->
                            <div id="contacts">
                                <div class="row">	
                                    <!-- Alignment -->
                                    <div class="col-sm-offset-3 col-sm-6">
                                        <!-- Form itself -->

                                        <div class="control-group">
                                            <div class="controls">
                                                <label>Full Name :</label>
                                                <h:inputText id="name" class="form-control" required="true" requiredMessage="Please enter your name" value="#{feedBackBean_c.name}" maxlength="50"/>
                                                <p class="help-block"></p>
                                                <h:message for="name" errorStyle="color:gray"/>
                                            </div>
                                        </div> 	

                                        <div class="control-group">
                                            <div class="controls">
                                                <label>Email :</label>
                                                <h:inputText id="email" class="form-control" required="true" requiredMessage="Please enter your name" value="#{feedBackBean_c.email}" maxlength="50">
                                                <f:validateRegex pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$"/>
                                                </h:inputText>
                                                <div class="help-block"></div>
                                                <h:message for="email" errorStyle="color:gray"/>
                                            </div>
                                        </div> 	

                                        <div class="control-group">
                                            <div class="controls">
                                                <label>Subject :</label>
                                                <h:inputText id="feedback_Title" class="form-control" validatorMessage="Invalid email format (Exp: someone@example.com)" required="true" requiredMessage="Please enter your subject" value="#{feedBackBean_c.feedback_Title}" maxlength="100">
                                                </h:inputText>
                                                <p class="help-block"></p>
                                                <h:message for="feedback_Title" errorStyle="color:gray"/>
                                                
                                            </div>
                                        </div> 

                                        <div class="control-group">
                                            <div class="controls">
                                                <label>Message :</label>
                                                <h:inputTextarea id="feedback_Text" class="form-control" required="true" requiredMessage="Please enter your message" value="#{feedBackBean_c.feedback_Text}" rows="10" cols="100" style="resize:none"/>
                                                <div class="help-block"></div>
                                                <h:message for="feedback_Text" errorStyle="color:gray"/>
                                            </div>
                                        </div> 		 
                                        <div id="success"></div> <!-- For success/fail messages -->
                                        <h:commandLink value="Send Message" class="btn btn-primary pull-right" action="#{feedBackBean_c.addFeedBack()}"/>
                                    </div>
                                </div>
                            </div>


                            <!-- JS FILES -->
                            <script src="js/jquery.js"></script> 
                            <script src="js/bootstrap.js"></script>
                            <script src="js/jqBootstrapValidation.js"></script>
                            <script src="js/contact_me.js"></script>

                        </div><!--End post-item-->
                    </div><!--End primary-->
                    </h:form>
                </div><!--End main content-->

                <div id="footer">
                    <h:form>
                        <div id="footerNav">
                            <p class="copyright">Copyright 2013 Group 3 - C1103L - Matrimony site .</p>
                            <ul>
                                <li><h:commandLink action="#{matrinonyBean_c.gotoHome()}" value="Home"/></li>
                                <li><h:commandLink action="#{matrinonyBean_c.gotoRegister()}" value="Register"/></li>
                                <li><h:commandLink action="#{matrinonyBean_c.gotoSearch()}" value="Search"/></li>
                                <li><h:commandLink action="#{matrinonyBean_c.gotoService()}" value="Service"/></li>
                                <li><h:commandLink action="#{matrinonyBean_c.gotoContact()}" value="Contact"/></li>
                            </ul>

                        </div><!--End footerNav-->
                    </h:form>
                    <div id="footerInfo">
                        <img src="images/author.png" alt="author comment" />
                        <div class="rules">
                            <div class="inside">
                                <p>
                                    The wedding event is no more a home manageable affairs where one requires the different service providers to be contacted and negotiated. Furthermore, the precious time and resources consumed during the whole process of finding and searching the ideal match. In Today’s generation the search of the life partner is searched through internet. The candidate can input his/her requirement according to their needs and perform search operation to get their Ideal Match. This process has now gain success it is less time consuming and multiple searches can be implemented in less time.
                                </p>
                                <ol>
                                    <li>If you want to <a href="search.html">look for</a> groom or bride , please go to <a href="index.html">Matrimony</a> site .</li>
                                    <li><a href="contact.html">Contact us</a> when you have any questions nedd answer .</li>
                                    <li>Please <a href="register.html">register</a> to experience .</li>
                                </ol>

                                <p><a href="index.html">That's it! Enjoy your stay and remember to comeback often.</a></p>
                            </div><!--End inside-->
                        </div><!--End rules-->
                    </div><!--End footerInfo-->
                </div><!--End footer-->
            </div><!--End page wrap-->
        
    </f:view>
</body>
</html>
